﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0030)http://localhost:8080/House-2/ -->
<HTML xmlns:th="http://www.thymeleaf.org"><HEAD><TITLE>爱家租房 - 首页</TITLE>
    <META content="text/html; charset=utf-8" http-equiv=Content-Type>
    <LINK rel=stylesheet type=text/css href="../css/style.css">
    <META name=GENERATOR content="MSHTML 8.00.7601.17514">
    <script src="/scripts/jquery-3.5.1.min.js"></script>
</HEAD>
<BODY>

<DIV id=header class=wrap>
    <DIV id=logo><IMG src="../images/logo.gif"></DIV>
</DIV>
<DIV id=navbar class=wrap>
    <DL class="search clearfix">
        <FORM id=sform method=post action="/house/toList">
            <DT>
                <UL>
                    <LI class=bold>房屋信息</LI>
                    <LI>标题：<INPUT class=text type=text name=title id="titleTxt" th:value="${searchInfo.title}"> <LABEL class=ui-blue><INPUT onclick=doSearch()
                                                                                               value=搜索房屋 type=button
                                                                                               name=search></LABEL>
                    </LI>
                </UL>
            </DT>
            <DD>
                <UL>
                    <LI class=first>价格</LI>
                    <LI>
                        <!--<SELECT name=price>
                        <OPTION selected value="">不限</OPTION>
                        <OPTION
                                value=0-100>100元以下
                        </OPTION>
                        <OPTION value=100-200>100元—200元</OPTION>
                        <OPTION value=200-1000000>200元以上</OPTION>
                    </SELECT>-->
                        <select name="priceStr">
                            <option value="">不限</option>
                            <option value="1-1000" th:selected="${searchInfo.priceStr == '1-1000'}">1000元以下</option>
                            <option value="1000-2000" >1000元—2000元</option>
                            <option value="2000-1000000">2000元以上</option>
                        </select>
                    </LI>
                </UL>
            </DD>
            <DD>
                <UL>
                    <LI class=first>房屋位置</LI>
                    <LI><SELECT id=street name=street_id>
                        <OPTION selected
                                value="">不限
                        </OPTION>
                        <OPTION value=1000>知春路</OPTION>
                        <OPTION
                                value=1001>中关村大街
                        </OPTION>
                        <OPTION value=1002>学院路</OPTION>
                        <OPTION
                                value=1003>朝阳路
                        </OPTION>
                    </SELECT></LI>
                </UL>
            </DD>
            <DD>
                <UL>
                    <LI class=first>房型</LI>
                    <LI>
                        <SELECT name="type_id">
                        <OPTION selected value="0">不限</OPTION>
                        <OPTION
                                value="1">一室一厅
                        </OPTION>
                        <OPTION value="2">一室两厅</OPTION>
                        <OPTION
                                value="3">两室一厅
                        </OPTION>
                        <OPTION value="4">两室两厅</OPTION>
                    </SELECT>
                    </LI>
                </UL>
            </DD>
            <DD>
                <UL>
                    <LI class=first>面积</LI>
                    <LI><SELECT name=floorage>
                        <OPTION selected value="">不限</OPTION>
                        <OPTION
                                value=0-40>40以下
                        </OPTION>
                        <OPTION value=40-500>40-500</OPTION>
                        <OPTION
                                value=500-1000000>500以上
                        </OPTION>
                    </SELECT></LI>
                </UL>
            </DD>
        </FORM>
    </DL>
</DIV>
<DIV class="main wrap">
    <TABLE class=house-list>
        <TBODY>
        <TR th:each="house:${pageInfo.list}"><!---->
            <TD class=house-thumb><span><A href="details.html" target="_blank"><img src="../images/thumb_house.gif"
                                                                                    width="100" height="75" alt=""></a></span>
            </TD>
            <TD>
                <DL>
                    <DT>
                        <A th:href="'/house/toDetail?hid='+${house.id}" target="_blank" th:text="${house.title}"></A>
                    </DT>
                    <DD th:text="'联系方式:'+${house.contact}"></DD>
                </DL>
            </TD>
            <TD class=house-type>一室一厅</TD>
            <TD class=house-price><SPAN th:text="${house.price}"></SPAN>元/月</TD>
        </TR>

        <TR>无租房信息</TR>
        </TBODY>
    </TABLE>
    <DIV class=pager>
        <UL>
            <LI class=current><A th:href="'/house/toList?pageNum=1&title='+${searchInfo.title}">首页</A></LI>
            <LI><A th:href="'/house/toList?pageNum='+${pageInfo.prePage}+'&title='+${searchInfo.title}">上一页</A></LI>
            <LI><A th:href="'/house/toList?pageNum='+${pageInfo.nextPage}+'&title='+${searchInfo.title}">下一页</A></LI>
            <LI><A th:href="'/house/toList?pageNum='+${pageInfo.pages}+'&title='+${searchInfo.title}">末页</A></LI>
        </UL>
        <SPAN class=total th:text="${pageInfo.pageNum}+'/'+${pageInfo.pages}+'页'"></SPAN></DIV>
</DIV>
<DIV id=footer class=wrap>
    <DL>
        <DT>爱家租房 © 2010 北大爱家 京ICP证1000001号</DT>
        <DD>关于我们 · 联系方式 · 意见反馈 · 帮助中心</DD>
    </DL>
</DIV>
</BODY>
</HTML>
<script>
    function doSearch() {
        alert("点了");
        $("#sform").submit();
    }
</script>